<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <header>
        <main>
            <div class="one">
                <p class="two">管理系统</p>
                <p>首页</p>
                <p>系统管理</p>
            </div>
            <ul>
                <li>用户管理</li>
                <li>角色管理</li>
                <li>菜单管理</li>
                <li>部门管理</li>
                <li>岗位管理</li>
                <li>字典管理</li>
                <li>参数设置</li>
                <li>通知公告</li>
                <li>日志管理</li>

            </ul>
            <div class="one">
                <p>系统监控</p>
            </div>
        </main>
        <aside>
            <div class="user">
                <span><span class="iconfont icon-yonghu"> </span><span class="username">搜索</span>图片</span>
            </div>
            <div>
                <p>
                    <span class="shou">首页</span><span class="gang">岗位管理</span>
                </p>
            </div>
            <div class="sou">
                <div class="gan">岗位名称</div>
                <input type="text" placeholder="请输入岗位名称">
                <button class="b1">搜索</button>
                <button class="b2">重置</button>
            </div>
            <div class="a">
                <button class="a1">新增</button>
                <button class="a2">修改</button>
                <button class="a3">删除</button>
                <button class="a4">导出</button>
            </div>
            <div class="table">
                <ul class="head">
                    <li><input type="checkbox" class="fixe"></li>
                    <li>岗位编号</li>
                    <li>岗位编码</li>
                    <li>岗位名称</li>
                    <li>岗位排序</li>
                    <li>状态</li>
                    <li>创建时间</li>
                    <li>操作</li>
                </ul>

                <div class="three">
                    <ul class="row">
                        <li>  <input type='checkbox' class='check'></li>
                          <li>1</li> 
                          <li>CEO</li>
                          <li>董事长</li>
                          <li>1</li>
                          <li>正常</li>
                          <li>2022-11-25</li>
                          <li>
                              <span  id="101">操作</span>
                              <span  id="101">删除</span>
                          </li>
                          
                      </ul>
                </div>
            </div>
            <div class="jian">
                <span>共 <span>1</span> 条</span>
                <button class="prev"> < </button>
                <button class="next">></button>
            </div>
        </aside>
      
    </header>



</body>

</html>
<script src="./axios.min.js"></script>
<script src="./index.js"></script>